<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>03-子绝父相</title>
</head>
<body>

  <!-- 1. 子级绝对定位，不占有位置，可以放到父盒子中的任意一个地方，且不会影响其他兄弟盒子 -->
  <!-- 2. 父盒子需要加定位限制子盒子在父盒子内显示 -->
  <!-- 3. 父盒子布局时，需要占有位置，因此父亲只能是相对定位 -->
  
</body>
</html>